//选择


// ---------------  创建剪裁区 ------------------
// - 找到剪裁区的图片 （img#image）
var image = $('#image');
// - 设置配置项
var option = {
    // 纵横比(宽高比)
    aspectRatio: 1 , // 长方形
    // 指定预览区域
    preview: '.img-preview' // 指定预览区的类名（选择器）
};
// - 调用cropper方法，创建剪裁区
image.cropper(option);

$('#upload').on('click', function () {
    $('#file').trigger('click')
})
 
$('#file').on('change', function () {
    if (this.files.length>0) {
        let fileObject = this.files[0]
        let url = URL.createObjectURL(fileObject)
        console.log(url);
        image.cropper('replace',url)
    }
})







$('#sure').on('click', function () {
    let canvas = image.cropper('getCroppedCanvas', { width: 30, height: 30 })
    let str = canvas.toDataURL()
    $.ajax({
        type: 'POST',
        url: '/my/user/avatar',
        data: { avatar: str },
        success: function (res) {
            layer.msg(res.message)
            if (res.status === 0) {
                window.parent.rander()
                $('.text-avatr').hide()
            }
         }
    })
 })